<%@page import="java.util.ArrayList"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.HashMap"%>
<%@page import="com.tcode.bean.UserBean"%>
<%@page import="java.util.List"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" session="true" 
    errorPage="404.jsp" 
    isErrorPage="false" 
    isELIgnored="false"
    %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>200</title>
<script type="text/javascript" src="http://127.0.0.1:10086/hiServlet/js/jquery-1.8.3.min.js"></script>

<!-- bootstrap3环境使用 -->
<link rel="stylesheet"  href="http://127.0.0.1:10086/hiServlet/css/b.page.bootstrap3.css" type="text/css">

<link rel="stylesheet"  href="http://127.0.0.1:10086/hiServlet/css/normalize.css" type="text/css"> 
<!-- 插件核心脚本 -->
<script type="text/javascript" src="http://127.0.0.1:10086/hiServlet/js/b.page.js" ></script>
<script type="text/javascript">
$(function(){
	$('#page3').bPage({
	    url : 'UserServlet',
	    //开启异步处理模式
	    asyncLoad : true,
	    //关闭服务端页面模式
	    serverSidePage : false,
	    //数据自定义填充
	    render : function(data){
	        var tb = $('#dataGridTableJson tbody');
	        $(tb).empty();
	        if(data && data.list && data.list.length > 0){
	            $.each(data.list,function(i,row){
	                var tr = $('<tr>');
	                $(tr).append('<td></td>');
	               
	                $(tr).append('<td>'+row.name+'</td>');
	               
	                $(tb).append(tr);
	            });             
	        }
	    },
	    params : function(){
	        return {
	            userName : 'zhangsan',
	            age : 42
	        };
	    }
	});
});

</script>


</head>
<body>

<h1>你好</h1>
<%! int a = 6; 
%>
<%-- --%>
  <%-- Map map = new HashMap();
	map.put("1", "jiangjun");
	map.put("2", "zengmin");
	map.put("3", "zhangjiankang");
	map.put("4", "sunyi");
	map.put("5", "huangyao");
	map.put("6", "zhongdaocheng");
	request.setAttribute("xuesheng", map);
	Map map1 = new HashMap();
	map1.put("7", "jiangjun1");
	map1.put("8", "zengmin1");
	map1.put("9", "zhangjiankang1");
	map1.put("10", "sunyi1");
	map1.put("11", "huangyao1");
	map1.put("12", "zhongdaocheng1"); 
	Map map1 = new HashMap();
  	map1.put("username", "钟道成");
  	map1.put("age", "18");
  	map1.put("gender", "男");
  	Map map2 = new HashMap();
  	map2.put("username", "曾敏");
  	map2.put("age", "20");
  	map2.put("gender", "男");--%>
<%

	UserBean user1 = new UserBean();
    user1.setName("姜均");
    user1.setPhone("110");
	UserBean user2 = new UserBean();
	user2.setName("孙逸");
    user2.setPhone("119");
  	
	
	List list = new ArrayList();
	list.add(user1);
	list.add(user2);
	request.setAttribute("xueshenghenduo", list);
	
%>

<div>
    <!-- 定义表格框架 -->
    <table id="dataGridTableJson" class="table table-striped table-bordered table-hover table-condensed">
        <thead>
            <tr>
                <th class="selectColumn" >选择</th>
                <th>登录名</th>
                <th>姓名</th>
                <th>性别</th>
                <th>出生年月</th>
                <th>电话</th>
                <th>电子邮箱</th>
                <th>状态</th>
                <th>更新时间</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>
<div id="page3"></div>
<h2>${pageContext.request.contextPath}</h2>
<a href="biubiu?text3=loginer">tiao</a>
<c:if test='${2>1}'>
   <h2>wo shi da!</h2>
</c:if>

<c:forEach items="${xueshenghenduo}" var="xuesheng" varStatus="va" >

	<h2>${va.index}===${va.count}==== ${xuesheng.name}.${xuesheng.phone}</h2><br>
</c:forEach>
</body>
</html>